/*
	[DESTOON B2B System] Copyright (c) 2008-2020 www.destoon.com
	This is NOT a freeware, use is subject to license.txt
*/
.head-txt {margin-bottom:0;}

.im0 {padding:10px 0;}
.im0l {width:300px;margin-right:20px;float:left;height:480px;background:#FFFFFF;}
.im0l p {height:32px;line-height:32px;padding:0 10px 0 20px;font-size:14px;margin:0;background:#007AFF;color:#FFFFFF;}
.im0l ul {margin:10px 0;text-align:center;}
.im0l i {font-style:normal;font-weight:bold;float:right;color:#EEEEEE;font-family:simsun;}
.im0l strong {font-weight:normal;}
.im0l li {height:32px;line-height:32px;padding:0 10px 0 40px;font-size:14px;overflow:hidden;cursor:pointer;}
.im0l div {z-index:900;position:absolute;width:640px;height:510px;padding:10px 20px;overflow:hidden;border:#EEEEEE 1px solid;background:#FFFFFF;display:none;left:150px;}
.im0l dl { margin: 0; border-bottom: #EEEEEE 1px dotted; float: left; width: 33%;}
.im0l dt {margin:0;padding:0;line-height:31px;font-size:14px;}
.im0l dd {margin:0;padding:0;line-height:32px;font-size:12px;}
.im0l em {font-style:normal;color:#EEEEEE;padding:0 10px;font-family:simsun;}
.im0l li:hover i {color:#FFFFFF;}
.im0l li:hover strong {color:#FFFFFF;}
.im0l li:hover div {display:block;}

.im0l .cate-0 {}
.im0l .cate-0:hover {background:#007AFF url('../images/cate-0-on.png') no-repeat 10px center;}
.im0l .cate-0:hover div {margin:-42px 0 0 160px;}
.im0l .cate-1 {}
.im0l .cate-1:hover {background:#007AFF url('../images/cate-1-on.png') no-repeat 10px center;}
.im0l .cate-1:hover div {margin:-74px 0 0 160px;}
.im0l .cate-2 {}
.im0l .cate-2:hover {background:#007AFF url('../images/cate-2-on.png') no-repeat 10px center;}
.im0l .cate-2:hover div {margin:-106px 0 0 160px;}
.im0l .cate-3 {}
.im0l .cate-3:hover {background:#007AFF url('../images/cate-3-on.png') no-repeat 10px center;}
.im0l .cate-3:hover div {margin:-138px 0 0 160px;}
.im0l .cate-4 {}
.im0l .cate-4:hover {background:#007AFF url('../images/cate-4-on.png') no-repeat 10px center;}
.im0l .cate-4:hover div {margin:-170px 0 0 160px;}
.im0l .cate-5 {}
.im0l .cate-5:hover {background:#007AFF url('../images/cate-5-on.png') no-repeat 10px center;}
.im0l .cate-5:hover div {margin:-202px 0 0 160px;}
.im0l .cate-6 {}
.im0l .cate-6:hover {background:#007AFF url('../images/cate-6-on.png') no-repeat 10px center;}
.im0l .cate-6:hover div {margin:-234px 0 0 160px;}
.im0l .cate-7 {}
.im0l .cate-7:hover {background:#007AFF url('../images/cate-7-on.png') no-repeat 10px center;}
.im0l .cate-7:hover div {margin:-266px 0 0 160px;}
.im0l .cate-8 {}
.im0l .cate-8:hover {background:#007AFF url('../images/cate-8-on.png') no-repeat 10px center;}
.im0l .cate-8:hover div {margin:-298px 0 0 160px;}
.im0l .cate-9 {}
.im0l .cate-9:hover {background:#007AFF url('../images/cate-9-on.png') no-repeat 10px center;}
.im0l .cate-9:hover div {margin:-330px 0 0 160px;}
.im0l .cate-10 {}
.im0l .cate-10:hover {background:#007AFF url('../images/cate-10-on.png') no-repeat 10px center;}
.im0l .cate-10:hover div {margin:-362px 0 0 160px;}
.im0l .cate-11 {}
.im0l .cate-11:hover {background:#007AFF url('../images/cate-11-on.png') no-repeat 10px center;}
.im0l .cate-11:hover div {margin:-394px 0 0 160px;}
.im0l .cate-12 {background:url('../images/cate-12.png') no-repeat 10px center;}
.im0l .cate-12:hover {background:#007AFF url('../images/cate-12-on.png') no-repeat 10px center;}
.im0l .cate-12:hover div {margin:-426px 0 0 160px;}
.im0l .cate-13 {background:url('../images/cate-13.png') no-repeat 10px center;}
.im0l .cate-13:hover {background:#007AFF url('../images/cate-13-on.png') no-repeat 10px center;}
.im0l .cate-13:hover div {margin:-458px 0 0 160px;}
.im0l .cate-14 {background:url('../images/cate-14.png') no-repeat 10px center;}
.im0l .cate-14:hover {background:#007AFF url('../images/cate-14-on.png') no-repeat 10px center;}
.im0l .cate-14:hover div {margin:-490px 0 0 160px;}
.im0l .cate-15 {background:url('../images/cate-15.png') no-repeat 10px center;}
.im0l .cate-15:hover {background:#007AFF url('../images/cate-15-on.png') no-repeat 10px center;}
.im0l .cate-15:hover div {margin:-522px 0 0 160px;}

.im0m {width:660px;float:left;margin:0 10px;height:532px;}
.im0a {width:650px;padding-left:10px;height:222px;margin-top:10px;background:#FFFFFF;}
.im0a div {width:120px;height:212px;margin:11px 10px 0 0;float:left;overflow:hidden;}
.im0a img {width:120px;height:200px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.im0a img:hover {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

.im0r {width:230px;float:right;height:480px;}
.im0u {height:283px;overflow:hidden;background:#FFFFFF;}

.im0t {height:222px;overflow:hidden;margin-top:0px;background:#FFFFFF;}
.im0t-list {height:160px;overflow:hidden;margin:10px 16px;}
.im0t-list li {height:26px;line-height:26px;overflow:hidden;}
.im0t-list li .f_r {padding-left:16px;color:#666666;}

.im0g {height:160px;overflow:hidden;}
.im0g div { width: 96px;  float: left; text-align: center; }
.im0g div:hover {background:#EEEEEE;}
.im0g img {width:32px;height:32px;margin-bottom:6px;}
.im0g em {font-style:normal;background:#FF6600;border-radius:50%;color:#FFFFFF;font-size:12px;z-index:3;position:absolute;display:block;width:16px;height:16px;line-height:16px;overflow:hidden;text-align:center;margin:0 0 0 42px;}

.ian-h {}
.ian-h ul {border-bottom:#EEEEEE 1px solid;height:32px;padding-left:16px;}
.ian-h li {border:#FFFFFF 1px solid;border-bottom:#EEEEEE 1px solid;display:inline-block;height:31px;line-height:31px;margin-right:16px;padding:0 10px;float:left;}
.ian-h .on {border:#EEEEEE 1px solid;border-bottom:#FFFFFF 1px solid;}

.ian-b {height:66px;overflow:hidden;margin:10px 16px;}
.ian-b li {height:24px;line-height:24px;overflow:hidden;}
.ian-b li .f_r {padding-left:16px;color:#666666;}
.ian-b div {float:left;width:32px;height:32px;line-height:16px;padding:14px;text-align:center;border:#EEEEEE 2px solid;border-radius:50%;}
.ian-b div:hover {border:#FF6600 2px solid;}
.ian-b p {float:left;width:48px;height:16px;padding:24px 0;margin:2px 0 0 0;text-align:center;font-weight:bold;color:#EEEEEE;font-family:simsun;}

.im-b {overflow:hidden;border-bottom:#F5F5F5 1px solid;}
.im-l {width:220px;height:590px;float:left;background:#FFFFFF;overflow:hidden;padding:0 0 10px 0;}
.im-l p {margin:20px;font-size:18px;}
.im-l li {width:90px;padding-left:20px;float:left;height:32px;line-height:32px;font-size:14px;overflow:hidden;}
.im-r {width:1000px;float:left;}

.im-b-img {height:580px;background:#F5F5F5;}
.im-r-img div {width:168px;border:#FFFFFF 1px solid;margin:10px 0 0 10px;padding:10px;height:258px;float:left;background:#FFFFFF;}
.im-r-img div img {-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.im-r-img div:hover {border:#EEEEEE 1px solid;box-shadow:2px 2px 10px #EEEEEE;}
.im-r-img div:hover img {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.im-r-img b {display:block;height:42px;line-height:42px;color:#FF0000;font-size:14px;}
.im-r-img i {display:block;height:42px;line-height:42px;font-size:14px;font-style:normal;}
.im-r-img p {height:48px;line-height:24px;margin:0;overflow:hidden;font-size:13px;}

.in-b {overflow:hidden;}
.in-l {width:220px;float:left;}
.in-m {width:490px;float:left;margin:0 20px;}
.in-r {width:470px;float:left;}

.in-l div {background:#F5F5F5;padding:10px 16px;margin:10px 0 0 10px;}
.in-l div:hover {background:#EEEEEE;}
.in-l div p {height:48px;line-height:24px;overflow:hidden;font-size:16px;margin:0 0 10px 0;}

.in-m h2 {text-align:left;font-size:22px;margin:10px;height:48px;line-height:48px;overflow:hidden;}

.in-img {}
.in-img div {width:144px;margin:10px 10px 0 0;padding:1px;float:left;}
.in-img div:hover {background:#EEEEEE;}
.in-img div p {height:36px;line-height:18px;overflow:hidden;font-size:12px;margin:10px;}

.ic-b {overflow:hidden;padding:0 0 10px 0;}
.ic-l {width:220px;float:left;}
.ic-m {width:490px;float:left;margin:0 20px;}
.ic-r {width:470px;float:left;}

.ic-brand {background:#F5F5F5;padding:10px;margin:10px 0 0 10px;}
.ic-brand i {font-style:normal;font-size:16px;padding:0 0 10px 10px;display:block;}
.ic-brand p {margin:10px 0 0 0;padding-top:10px;text-align:center;height:88px;}
.ic-brand p:hover {background:#FFFFFF;}
.ic-brand p b {display:block;height:32px;line-height:32px;overflow:hidden;font-size:14px;margin:0;font-weight:normal;}
.ic-brand #brands {height:432px;overflow:hidden;}

.ic-know-credit {background:url('../images/ico_reward.gif') no-repeat right center;color:#666666;padding:0 16px;}

.ic-club {height:240px;overflow:hidden;margin-bottom:10px;}
.ic-club-b {padding-left:10px;overflow:hidden;}
.ic-club-b div {width:150px;height:150px;padding:20px 0;float:left;text-align:center;}
.ic-club-b div:hover {background:#F5F5F5;}
.ic-club-b div:hover img {border:#FF6600 2px solid;}
.ic-club-b img {width:86px;height:86px;border-radius:50%;padding:2px;border:#EEEEEE 2px solid;}
.ic-club-b p {height:32px;line-height:32px;overflow:hidden;font-size:14px;margin:0;}
.ic-club-b span {font-size:12px;color:#999999;}

.ilink {padding:16px;overflow:hidden;}
.ilink li {padding:0 16px 10px 0;float:left;}

.im0mall {width:990px;height:222px;overflow:hidden;position:absolute;z-index:1;background:#FFFFFF;margin-top:10px;}
.im0t-mall div {width:100px;height:150px;overflow:hidden;margin:21px 0 0 21px;float:left;}
.im0t-mall div:hover {background:#F5F5F5;}
.im0t-mall div:hover b {display:block;}
.im0t-mall b {display:none;height:44px;line-height:44px;color:#FF6600;font-size:14px;text-align:center;}
.im0t-mall p {height:44px;line-height:22px;margin:0;overflow:hidden;font-size:12px;}


/*products*/
.products {
width:930px;float:left;margin-top:5px;
}
.products::before,
.products::after {
  content: '';
  height: 100%;
  
  top: 0;
}
.products::before {
  width: 100%;

  left: 0;
  z-index: 2;
}
.products::after {
  width: 50%;

  right: 50%;
  margin-right: 343px;
}
.products .page_width {
 
  z-index: 2;
}
.products .pro_title {
}
.products .pro_title .tit {
  font-size: 48px;
  font-weight: bold;
  color: #fff;
  line-height: 100%;
}
.products .pro_title .en {
  margin-top: -46px;
}
.products .en text {
  dominant-baseline: middle;
  fill: transparent;
  font-size: 5.85em;
  font-family: Futura Condensed ExtraBold, Arial Black, sans-serif;
  stroke: #d9d9d9;
  stroke-width: 1px;
  opacity: 0.3;
}
.products .pro_title .para {
  font-size: 24px;
  font-weight: bold;
  color: #ffffff;
  line-height: 100%;
  margin-top: -20px;
}
.products .pro_title .pro_more {
}
.products .pro_box {
  display: flex;
  justify-content: space-between;
height:557px;
}
.products .pro_box .pro_list {
  display: flex;
  flex-wrap: wrap;
  width: 429px;
}
.products .pro_box .pro_list .pro_class {
  width: 213px;
  height: calc((100% + 3px) / 4);
  border: solid 1px #545454;
  margin-top: -1px;
}
.products .pro_box .pro_list .pro_class:hover {
  background-color: #990000;
}
.products .pro_box .pro_list .pro_class:nth-child(even) {
  margin-left: -1px;
}
.products .pro_box .pro_list .pro_class a {
  display: flex;
  width: 100%;
  height: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.products .pro_box .pro_list .pro_class .pro_icon {
  display: flex;
  width: 48px;
  height: 48px;
  margin: 0 auto 15px;
}
.products .pro_box .pro_list .pro_class .pro_icon img {
  filter: brightness(200%);
}
.products .pro_box .pro_list .pro_class p {
  font-size: 24px;
  line-height: 100%;
  color: #fff;
}
.products .pro_box .pro_wrap {
  
  display: flex;
}
.products .pro_box .pro_pic {
  padding: 17px 17px 0px 17px;
  background: url(../images/pro_img_bg.jpg) no-repeat center bottom;
  box-sizing: border-box;
  width: 55.95%;
  margin-top:15px;
}
.products .pro_box .pro_pic .img {
  width: 100%;
  overflow: hidden;
}
.products .pro_box .pro_pic .img img {
  width: 100%;
  transition: all 0.3s;
}
.products .pro_box .pro_pic:hover .img img {
  transform: scale(1.1);
}
.products .pro_box .pro_pic .tit {
  font-size: 26px;
  font-weight: bold;
  color: #fff;
  line-height: 100%;
  margin-top: 8%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 15px;
}
.products .pro_box .pro_pic .tit i {
  width: 21px;
  height: 21px;
  position: relative;
}
.products .pro_box .pro_pic .tit i::before,
.products .pro_box .pro_pic .tit i::after {
  content: '';
  position: absolute;
  border-radius: 3px;
  background: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.products .pro_box .pro_pic .tit i::before {
  width: 100%;
  height: 3px;
}
.products .pro_box .pro_pic .tit i::after {
  width: 3px;
  height: 100%;
}
.products .pro_box .pro_item {
  display: flex;
  flex-wrap: wrap;
  width: 44.05%;
  background: #fff;
  padding: 17px;
  justify-content: space-between;
  padding-bottom:0px;
  
}
.products .pro_box .pro_item li {
  width: calc((100% - 15px) / 2);
  position: relative;
  overflow: hidden;
  border: solid 1px #e9e9e9;
}
.products .pro_box .pro_item li.cur {
  border-color: #900;
}
.products .pro_box .pro_item li:nth-child(n + 3) {
  margin-top: 15px;
}
.products .pro_box .pro_item li img {
  width: 100%;
  transition: all 0.3s;
}
.products .pro_box .pro_item li:hover img {
  transform: scale(1.1);
}
.products .pro_box .pro_item li .tit {
  position: absolute;
  bottom: -32px;
  width: 100%;
  text-align: center;
  line-height: 32px;
  font-size: 16px;
  background: #900;
  color: #fff;
  transition: all 0.3s;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 15px;
}
.products .pro_box .pro_item li.cur .tit {
  bottom: 0;
}


.ny_content_bd{padding-top:15px;}
.w1200 {width:1200px;margin:0 auto;}
.ny_content_bd .ny_left{width: 23%;float: left;}
.product{display:flex;justify-content:space-between;width:100%;height:560px;margin-top:20px;overflow:hidden}
.product .cats{display:flex;flex-direction:column;width:270px;margin-right:15px}
.product .cats .item{position:relative;width:270px;height:45px;line-height:45px;background-color:#eee;margin-bottom:5px;box-sizing:border-box}
.product .cats .item a{color:#000;padding:0px 54px 0px 16px;}
.product .cats .item a::after{position:absolute;width:20px;height:20px;top:50%;margin-top:-10px;right:16px;background:url(../images/mulu1.png) no-repeat;content:''}
.product .cats .item.on,.product .cats .item:hover{background-color:#0066cc;color:#000;}
.product .cats .item.on a{color:#fff;}
.product .cats .item.on a::after,.product .cats .item:hover::after{background:url(../images/mulu2.png) no-repeat}
.product .cats a{display:block;font-size:16px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product .body{flex:1}
.product .body .item ul{margin-top:-15px;margin-right:-15px;overflow:hidden}
.product .body .item li{float:left;width:200px;height:170px;margin-top:15px;margin-right:15px;box-sizing:border-box}
.product .body .item li img{float:left;width:100%;height:150px;transition:all .3s}
.product .body .item li .tit{float:left;width:168px;text-align:center;line-height:30px;font-size:16px;background:none;color:#000;transition:all .3s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 15px;height:30px}
.product .body .item li:first-child{width:505px;height:595px;box-sizing:border-box;padding:17px 17px 0;}
.product .body .item li:first-child img{float:left;width:100%;height:480px;transition:all .3s}
.product .body .item li:first-child .tit{float:left;width:469px;color:#000;transition:all .3s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0;margin-top:20px;font-size:20px;font-weight:900;height:30px;text-align:left}
/*产品分类*/
.cp_type{margin-bottom:30px;}
.cp_type .hd{text-align:center;background:#ef7e32;padding:14px 3%;}
.cp_type .hd p{font-size:28px;font-weight:bold;color:#fff;}
.cp_type .hd p:before{content:'';display:inline-block;width:28px;height:28px;background:url(../images/mulu_tlt.png) center center no-repeat;margin-right:5px;vertical-align:middle;margin-top:-3px;}
.cp_type .hd span{display:block;font-size:12px;color:#fff;text-transform:uppercase;}
.cp_type .bd{border:0px solid #fff;border-top:0;padding:20px 3%;}
.cp_type .bd ul li{margin-bottom:1px;margin-bottom:10px}
.cp_type .bd ul li p{background:#404040;height:45px;line-height:45px;}

.cp_type .bd ul li p a{font-size:16px;color:#fff;display:block;width:74%;padding:0 0 0 6%;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;float:left;}
.cp_type .bd ul li p span{display:block;width:20%;height:100%;background:url(../images/mulu1.png) center center no-repeat;cursor:pointer;float:left;}
.cp_type .bd ul li div{background:#fff;display:none;}
.cp_type .bd ul li div a{display:block;height:45px;line-height:45px;color:#666;font-size:15px;border-top:1px solid #e7e5e5;padding:0 10% 0 10%;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;background:url(../images/icon2.png) 6% center no-repeat;}
.cp_type .bd ul li div a:first-child{border-top:0;}
.cp_type .bd ul li p:hover,.cp_type .bd ul li.on p{background:#bf2138;}
.cp_type .bd ul li p:hover a,.cp_type .bd ul li.on p a{color:#fff;}
.cp_type .bd ul li p:hover span{background:url(../images/mulu2.png) center center no-repeat;}
.cp_type .bd ul li.on p span{background:url(../images/mulu3.png) center center no-repeat;}
.cp_type .bd ul li div a:hover{color:#f45e2b;background:url(../images/icon3.png) 6% center no-repeat;}
.cp_type .bd a.pro_ckqb{display:block;height:34px;line-height:34px;font-size:16px;color:#fff;background:#ef7e32;width:100%;margin:10px auto;text-align:center;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;cursor:pointer;}
.cp_type .bd a.pro_ckqb:hover{background:#f45e2b;color:#fff;}